/**
 * Created by lipeng on 2019/4/19.
 */

new Vue({
  el: '#app',
  data: {
    msg: "Hello Word",
    aboutMsg: "",
    aboutList: [
      {
        active: 1,
        icon: "icon-qiyejianjie1",
        nameZh: "企业简介",
        nameEn: "Details about juntai",
        desc: "上海九鸟软件科技有限公司作为专业的企业信息化服务商，本着“诚信为本 长期服务”的经营宗旨，为企业提供企业建站、商业搜索、网络营销、互联网应用、移动应用、云计算、微信服务等高端商务解决方案。"
      },
      {
        active: 0,
        icon: "icon-qiyewenhua1",
        nameZh: "企业文化",
        nameEn: "Corporate culture",
        desc: "当“拼搏，让我们成为主要的一个”！“信念是无坚不摧的力量！”成为每个铭万人的具体行动时，他推动着我们一步一个台阶的走向成功。"
      },
      {
        active: 0,
        icon: "icon-fazhanlicheng1",
        nameZh: "发展历程",
        nameEn: "Devlopment path",
        desc: "“一对一顾问式”服务，真诚服务每一名客户，严谨对待每一个技术细节。“让每个企业成为互联网上主要的一个”的服务精神，得到中国企业界的广泛认可；屡次当选“企业用户较满意的互联网应用服务提供商”和“企业用户较满意的综合电子商务营销平台”！"
      }
    ],
    serviceList: [
      [
        {
          icon: "icon-gaoduandingzhi1",
          title: "高端定制",
          desc: ["高端定制", "电商平台", "按需定制"]
        },
        {
          icon: "icon-xiangmucehua1",
          title: "项目策划",
          desc: ["专业需求分析师", "专属项目经理", "资深行业策划师"]
        },
        {
          icon: "icon-shijuetiyan1",
          title: "视觉体验",
          desc: ["顶尖设计团队", "响应式布局", "多终端浏览"]
        },
        {
          icon: "icon-APP1",
          title: "移动开发",
          desc: ["微信网站", "微网站", "wap网站"]
        }
      ],
      [
        {
          icon: "icon-APP1",
          title: "高端定制",
          desc: ["高端定制", "电商平台", "按需定制"]
        },
        {
          icon: "icon-yidongkaifa1",
          title: "项目策划",
          desc: ["专业需求分析师", "专属项目经理", "资深行业策划师"]
        },
        {
          icon: "icon-yingxiaozhenghe",
          title: "视觉体验",
          desc: ["顶尖设计团队", "响应式布局", "多终端浏览"]
        },
        {
          icon: "icon-fuwuqi1",
          title: "移动开发",
          desc: ["微信网站", "微网站", "wap网站"]
        }
      ]
    ]
  },
  created: function () {
    this.aboutMsg = this.aboutList[0].desc;
  },
  mounted: function () {

  },
  methods: {
    aboutOver: function (index) {
      for (var i = 0; i < this.aboutList.length; i++) {
        this.aboutList[i].active = 0;
        this.aboutList[index].active = 1;
      }
      this.aboutMsg = this.aboutList[index].desc;
    },
  }
});